<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<title>使用指南</title>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script src="../js/jquery.min.js" type="text/javascript"></script>
		<link rel="stylesheet" href="../css/bootstrap.css" />
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/main.css" />
		<script type="text/javascript" src="../js/bootstrap.js"></script>
		<script type="text/javascript" src="../js/scrollspy.js"></script>
		<script type="text/javascript" src="../js/login.js"></script>
	</head>

	<body>
		<!--
			标题和图片轮播
		-->
		<div class="container">
			<div class="title row">
				<div class="col-md-12">
					<ol class="titlecontent breadcrumb">
						<li>
							<a href="#">徐州工程学院失物招领平台</a>
						</li>
						<li class="active">使用指南</li>
						<a href="Register.jsp" id="register" class="login dropdown-toggle">注册 </a>

						<a href="#" id="login" class="login dropdown-toggle" data-toggle="modal" data-target="#loginmodal" style="margin-right: 20px;">登录 </b></a>

					</ol>
				</div>
				<div class="col-md-12">
					<div id="myCarousel" class="carousel slide" data-ride="carousel">
						<!-- 轮播（Carousel）指标 -->
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1"></li>
							<li data-target="#myCarousel" data-slide-to="2"></li>
						</ol>
						<!-- 轮播（Carousel）项目 -->
						<div class="carousel-inner">
							<div class="item active">
								<img src="../img/1.jpg" alt="中心校区">
							</div>
							<div class="item">
								<img src="../img/2.jpg" alt="中心校区北门">
							</div>
							<div class="item">
								<img src="../img/3.jpg" alt="图书馆">
							</div>
						</div>
						<!-- 轮播（Carousel）导航 -->
						<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;
						</a>
						<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;
						</a>
					</div>
				</div>

				<!--
            	作者：1462859532@qq.com
            	时间：2017-03-28
            	描述：导航条
           -->
				<div class="col-md-12">
					<nav class="navbar navbar-default">
						<div class="container-fluid">
							<div class="navbar-header">
								<a class="navbar-brand active" href="main.jsp"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>主页</a>
							</div>
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="">
										<a href="Losing.jsp"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>失物信息</a>
									</li>
									<li class="">
										<a href="Finding.jsp"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>寻物信息</a>
									</li>
									<li class="active">
										<a href="#"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>使用指南</a>
									</li>
								
								</ul>
							</div>
						</div>
					</nav>
				</div>
				<!--
					使用巨幕来存放指南
				-->
				<div class="jumbotron">
					<div class="col-md-12">
						<div style>主页-> 失物信息页面 </div>
					</div>
					<div class="col-md-12">
						失物招领平台使用规范如下：
						<br /> 一、如果您在校园内拾得他人遗失的物品，可登录失物招领平台，自行发布失物招领信息，寻找失主，也可以送交到失物招领点，填写《失物领取（交公）记录》，做好登记，工作人员会保管相关物品并将信息在失物招领平台发布。
						<br />二、如果您有遗失物品在查找无果后，可自行登录失物招领信息平台查看有无您正寻找的物品招领信息，并按信息提示寻找失物。如果没有，可以自行发布寻物信息。
						<br /> 三、遗失物品领取时，凭学生证、身份证、校园卡等有效证件。代他人领取的，还须出示失主的委托书、失主身份证件。领取失物时，需填写《失物领取（交公）记录》。
						<br /> 四、后勤集团将定期统计网上信息发布数量及切实帮助师生找到失物的情况，并据此对拾金不昧的师生进行表彰。
						<br/>五、失物招领信息平台面向全校师生进行开放，根据数字化校园平台的师大通行证进行实行实名注册、登陆，让公益以最广、最快的形式进行传播。
						<br/>拾金不昧是中华民族的传统美德，希望广大师生充分利用这个平台，发扬拾金不昧的优秀品质，自助助人。也希望通过我们的努力，能够切实加强师生管理自身财产安全的意识，营造良好的学习与生活环境，构建和谐、温馨校园。
					</div>
				</div>
			</div>
			<div class="copyright container-fluid" style="text-align: center;">
				丁鑫版权所有@copyright
			</div>
			<!--
        	作者：1462859532@qq.com
        	时间：2017-03-28
        	描述：登录模态框
        -->
		<div class="modal fade" id="loginmodal" tabindex="-1" role="dialog">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">招领平台登录</h4>
					</div>
					<div class="modal-body">
						<div  role="form">
							<div class="form-group">
								<!--
                                	作者：1462859532@qq.com
                                	时间：2017-03-28
                                	描述：可以在上面做个表单验证
                                -->
								<label for="inputEmail3" class="control-label">用户名</label>
								<input type="text" name="UserId" id="input" class="form-control" value="" required="required" pattern="" title="" placeholder="用户名">
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="control-label">用户密码</label>
								<input type="password" name="password" class="form-control" id="password" placeholder="密码">
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<div style="float: left;">
							<a href="#" id="register" class="login dropdown-toggle"  >忘记密码？ </a>
						</div>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="btnsubmit">登录</button>
					</div>
				</div>
				<!--模态框关闭-->
	</body>

</html>